@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html{height:100%;}
body{height:100%; color:#444; font-size:14px; font-family:"Arial", "微软雅黑";}
ul, ol { list-style:none;} 
img{max-width:100%;}
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#777; font-size:15px; font-family: "Open Sans"; vertical-align:middle;}
input:focus,textarea:focus{outline:none;}
a{color:#444; text-decoration:none; transition:0.5s;}
.w1200{margin:0 auto;}
.w1200:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}

.f_fixeded { position: fixed; top: 0; right: 1200px;}
	
::-webkit-scrollbar { width: 0px; background: #666; }

.sy_dkj{width:100%;height:100%; position:relative; overflow:hidden;}
.sy_dkj ul{height:100%;}

.sy_dkj ul .sy1{width:33.33%; height:100%; overflow:hidden; position:absolute; top:0; left:0; z-index:10; transition:all 0.5s;}
.sy_dkj ul .sy1 h2{ position:absolute; top:50%; left:30%; line-height:20px; margin-top:-13px; font-size:18px; color:#fff; z-index:20; padding:6px 0 0 20px; background:url(../images/bt_xg.png) left top no-repeat; opacity:1; transition:all 0.5s;}
.sy_dkj ul .sy1 .sy_img{width:100%; height:100%; position:relative; transition:all 0.5s;}
.sy_dkj ul .sy1 .sy_img .fg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background:rgba(0,0,0,0.4); opacity:1; transition:all 0.5s; }
.sy_dkj ul .sy1 .sy_img img{max-width:inherit;position:absolute; left:50%; top:0; margin:0 0 0 -500px; transition:all 8s;}
.sy_dkj ul .sy1:hover{width:49.995%; z-index:20; left:-8.3325%;}
.sy_dkj ul .sy1:hover .sy_img img{transform:scale(1.2);}
.sy_dkj ul .sy1:hover .fg{opacity:0;}
.sy_dkj ul .sy1:hover h2{opacity:0;}

.sy_dkj ul .sy2{width:33.33%; height:100%; overflow:hidden; position:absolute; top:0; left:33.33%; transition:all 0.5s;}
.sy_dkj ul .sy2 h2{ position:absolute; top:50%; left:30%; line-height:20px; margin-top:-13px; font-size:18px; color:#fff; z-index:20; padding:6px 0 0 20px; background:url(../images/bt_xg.png) left top no-repeat; opacity:1; transition:all 0.5s;}
.sy_dkj ul .sy2 .sy_img{width:100%; height:100%; position:relative; transition:all 0.5s; z-index:10;}
.sy_dkj ul .sy2 .sy_img .fg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background: rgba(0,0,0,0.4); opacity:1; transition:all 0.5s;}
.sy_dkj ul .sy2 .sy_img img{ max-width:inherit; position:absolute; left:50%; top:0; margin:0 0 0 -500px; transition:all 8s;}
.sy_dkj ul .sy2:hover{width:49.995%; left:24.9975%; z-index:20;}
.sy_dkj ul .sy2:hover .sy_img img{transform:scale(1.2);}
.sy_dkj ul .sy2:hover .fg{opacity:0;}
.sy_dkj ul .sy2:hover h2{opacity:0;}

.sy_dkj ul .sy3{width:33.33%; height:100%; overflow:hidden; position:absolute; top:0; left:66.66%; z-index:10; transition:all 0.5s;}
.sy_dkj ul .sy3 h2{ position:absolute; top:50%; left:30%; line-height:20px; margin-top:-13px; font-size:18px; color:#fff; z-index:20; padding:6px 0 0 20px; background:url(../images/bt_xg.png) left top no-repeat; opacity:1; transition:all 0.5s;}
.sy_dkj ul .sy3 .sy_img{width:100%; height:100%; position:relative; transition:all 0.5s;}
.sy_dkj ul .sy3 .sy_img .fg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background:rgba(0,0,0,0.4); opacity:1; transition:all 0.5s;}
.sy_dkj ul .sy3 .sy_img img{max-width:inherit;position:absolute; left:50%; top:0; margin:0 0 0 -500px; transition:all 8s;}
.sy_dkj ul .sy3:hover{width:49.995%; z-index:20; left:58.3275%;}
.sy_dkj ul .sy3:hover .sy_img img{transform:scale(1.2);}
.sy_dkj ul .sy3:hover .fg{opacity:0;}
.sy_dkj ul .sy3:hover h2{opacity:0;}

.top{width:250px; height:100%; position:fixed; left:-250px; top:0; background: rgba(255,255,255,0.6); box-shadow:0 0 8px rgba(0,0,0,0.2); z-index:9; transition:ease-in .5s;}
.top ul{overflow:hidden; margin:166px 0 0 0;}
.top ul li{ line-height:50px; text-align:center; font-size:16px;}
.top ul li a{color:#444;}

.top ul .s{ background: rgba(255,255,255,0.4)}

.topp_bj{ height: auto;}
.topp{width:100%; overflow: hidden; position:fixed; top:0; left:0; z-index:21;}
.logo{width:200px; float:left; margin:40px 0 0 25px;}
.logo img{width:100%;}

.bah{width:100%; position:fixed; bottom:10px;left:60px;z-index:21;}
.bah a{color:#fff;}

.ny_bj{width:100%; height:100%; background: url(../images/banner1.jpg); position:fixed; z-index: -1;}

.r-content{width:1300px; height:100%; float:right; position:fixed; right:-1300px; transition:ease-out .5s; z-index:22;}

.ny_kj{width: 1200px; height: 100%; background: #fff; overflow-y: auto; float:right;}

.ny_dh{width:100px; height: 100%; background:#0097e0; float: left;}
.ny_dh ul{ padding:56px 0 0 0;}
.ny_dh ul li{ margin:14px 0 0 0; text-align:center; line-height:46px; color:#0097e0; transition:all 0.5s;}
.ny_dh ul li a{ color:#fff; transition:all 0.5s;}
.ny_dh ul .s{background:#f6f6f6;}
.ny_dh ul .s a{ color:#0097e0;}
.ny_dh ul li:hover{ background:#fff;}
.ny_dh ul li:hover a{ color:#0097e0;}

.w96{width:96%; margin:0 auto; padding:70px 0;}

.wb{line-height:24px; color:#888;}
.wb img{max-width:100%;}

.dlcp_bj{width:100%; height:100%; background: url(../images/cpzx_bj.jpg) center no-repeat;}
.dlcp ul{ text-align: center; margin:0 0 30px 0;}
.dlcp ul li{width:24%; display:inline-block; margin:0 3%; opacity:0; transition:all .5s; position:relative;}
.dlcp ul li:hover{ background:#fff;}
.dlcp ul li img{max-width:100%; border:1px #ccc solid; transition:all 0.5s;}
.dlcp ul li h3{line-height:20px; height:40px; display: inline-table; margin-top:10px;}
.dlcp ul li:hover img{border:1px #fff solid;}
.dlcp ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#0097e0; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.dlcp ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s;}
.dlcp ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#0097e0; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.dlcp ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s;}
.dlcp ul li i:before{content:"";width:2px;height:0px;visibility:hidden;transition:0.1s;background:#0097e0;/* -webkit-transition-delay:0.2s; */position:absolute;top:0;right:0;}
.dlcp ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s;}
.dlcp ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#0097e0; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.dlcp ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s;}

.zzcp{padding-top:20px;}
.zzcp .zzcp_kj{margin-bottom:20px;}
.zzcp .zzcp_kj .zzcp_bt{color:#0097e0; font-size:18px; font-weight:bold; margin-bottom:10px; padding-bottom:10px; position:relative;}
.zzcp .zzcp_kj .zzcp_bt:after{content:""; width:60px; height:3px; background:#0097e0; position:absolute; left:0; bottom:0; z-index:1;}
.zzcp .zzcp_kj .zzcp_bt:before{content:""; width:100%; height:1px; background:#eaeaea; position:absolute; left:0; bottom:1px;}
.zzcp .zzcp_kj ul{overflow:hidden; margin-top:-1%; margin-left:-1%;}
.zzcp .zzcp_kj ul li{width:13%; float:left; margin-top:1%; margin-left:1%;}
.zzcp .zzcp_kj ul li .zzcp_img{overflow:hidden; border:1px #eaeaea solid;}
.zzcp .zzcp_kj ul li .zzcp_wz{font-size:14px; font-weight:500; line-height:20px; text-align:center; margin-top:10px;}

.zxdt{width:96%; margin:0 auto;}